<script type="text/javascript">
$(function() {

    $("#home").click(function() {
        $("#share").attr('class', 'am-share am-modal-actions am-modal-active');
        $("#dimmer").css('display', 'block');
    });

    $("#share-close").click(function() {
        $("#share").attr('class', 'am-share am-modal-actions am-modal-out');
        $("#dimmer").css('display', 'none');
    });


    var btid = $("#btid").val();

    if (btid == '1') {
        $("#index").css('color', '#fffb26');
    }
    if (btid == '2') {
        $("#wuye").css('color', '#fffb26');
    }
    if (btid == '3') {
        $("#people").css('color', '#fffb26');
    }
    if (btid == '4') {
        $("#usercen").css('color', '#fffb26');
    }

});
</script>
<style type="text/css">
.am-navbar-default .am-navbar-actions {
    background: #ffaa43;
}

.am-navbar-default .am-navbar-actions a {
    border-bottom: 1px solid #fffb26;
}

.am-navbar-default .am-navbar-nav {
    background: #ffaa43
}
</style>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background-image:url('/wxapp/images/navbg.jpg')">
        <li>
            <a href="/wap" class="" id="index">
                <img src="/wxapp/images/ico/bt1.png" />
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="/myproperty" id="wuye" class="">
                <img src="/wxapp/images/ico/bt2.png" />
                <span class="am-navbar-label">物业服务</span>
            </a>
        </li>
        <li>
            <a class="">
                <img src="/wxapp/images/ico/an.png" style="height:50px;width:50px;margin-top:-1px;" />
            </a>
        </li>
        <li>
            <a href="/communityfw" id="people" class="">
                <img src="/wxapp/images/ico/bt4.png" />
                <span class="am-navbar-label">生活服务</span>
            </a>
        </li>
        <li>
            <a href="/wxapp/usercenter" id="usercen">
                <img src="/wxapp/images/ico/bt5.png" />
                <span class="am-navbar-label">个人中心</span>
            </a>
        </li>
    </ul>
</div>
<!--am-modal-active-->
<!--am-modal-out-->
<div class="am-share am-modal-actions" id="share" style="border-radius:5px;">
    <h3 class="am-share-title">更多服务</h3>
    <ul class="am-share-sns am-avg-sm-3">
        <li>
            <a href="/advise" data-am-share-to="qq">
                <i class="am-icon-star"></i>
                <span>意见反馈</span>
            </a>
        </li>
    </ul>
    <div class="am-share-footer">
        <button class="am-btn am-btn-default am-btn-block" style="border-radius:5px;" id="share-close" data-am-share-close>取消</button>
    </div>
</div>
<div class="am-dimmer am-active" id="dimmer" data-am-dimmer="" style="display: none;"></div>
